<template>
	<div class="map">
		<div class="map-1">
			<span>
				微信登录
			</span>
		</div>
		<div class="mup">
			<img class="ii" src="../assets/images/2.jpg" alt="">
		</div>
		<button class="bbt">
			<p>请使用微信扫描二维码登录</p>
			<p>“烘焙帮”</p>
		</button>
	</div>
</template>
<script>

</script>
<style lang="scss" scoped>
		.map {
			width: 100%;
			height: 100%;
			background-color:rgb(51,51,51);
			padding-top: 50px;
			.map-1{
                width: 100%;
				height: 32px;
				// background-color:red;
				text-align: center;
				span{
					color: white;
					font-size: 12px;
				}
			}
			.mup{
				width: 200px;
				height: 200px;
				
				.ii{
					width: 100%;
					height: 100%;
					margin-left: 90px;
					margin-top: 10px;
				}
			}
			.bbt{
				margin: 0;
				padding: 0;
				border: 1px solid transparent;
				outline: none;
				width: 280px;
				height: 54px;
				background-color: #232323;
				margin-left: 40px;
				margin-top: 30px;
				border-radius: 20px;
				p:nth-child(1){
					font-size: 12px;
					color: red;
				}
				p:nth-child(2){
					font-size: 12px;
					color: blue;
				}
			}
		}	
	
</style>
